// 用户无法选择页面文字
.userUnSelect() {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

// flex布局相关布局
.flex(@items, @between) {
  display: flex;
  align-items: @items;
  justify-content: @between;
}

.flexWrap(@justify, @align) {
  display: flex;
  flex-wrap: wrap;
  justify-content: @justify;
  align-content: @align;
}

// 主视区宽度及居中样式
.mainViewAreaStyle() {
  width: @mainViewAreaWidth;
  margin: 0 auto;
}

// 单行文办溢出省略
.textOverflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行文本溢出省略
.textOverflowMoreThanOne(@line) {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: @line;
  /*要显示的行数*/
  -webkit-box-orient: vertical;
}
